<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title> - FooTable</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="favicon.ico"> 
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="css/plugins/footable/footable.core.css" rel="stylesheet">

    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
    <link rel="stylesheet" href="css/page.css"/>

    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/plugins/footable/footable.all.min.js"></script>

	<!-- echarts -->
	<script src="js/echarts/echarts.min.js"></script>

    <!-- 分页js -->
    <script type="text/javascript" src="js/jquery.page.js"></script>

    <!-- 自定义js -->
    <script src="js/content.js?v=1.0.0"></script>
    <script>
        $(document).ready(function() {
            $('.footable').footable();
            $('.footable2').footable();
        });
		//tab
		$(function () {
		   $('.w_xxtab_tit li').on('click',function(){
				//获得当前被点击的元素索引值
				var Index = $(this).index();
				//给菜单添加选择样式
				$(this).addClass('jinbi_curr').siblings().removeClass('jinbi_curr');
				//显示对应的div
				$('.w_xxtaba').children('div').eq(Index).show().siblings('div').hide();
		   
		   });
		});

    </script>
    <script src="js/core.js"></script>
    <script src="js/index1.js"></script>
</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content">
        <div class="row">
            <div class="col-sm-12">
                <div class="row row-sm">
                            <div class="col-xs-3 tab_title">
                                <div class="panel padder-v item" style="background:#ff88c2;">
                                    <div id="userAddCount" class="h1 text-fff">0</div>
                                    <span class="text-fff">今日新增客户</span>
                                    <img src="img/tab01.png">
                                </div>
                            </div>
                            <div class="col-xs-3 tab_title">
                                <div  class="panel padder-v item" style="background:#33ccff;">
                                    <div id="orderPassUserCount" class="h1 text-fff">0</div>
                                    <span class="text-fff">今日已审核放贷客户</span>
                                    <img src="img/tab02.png">
                                </div>
                            </div>
                            <div  class="col-xs-3 tab_title">
                                <div class="panel padder-v item" style="background:#00aa55;">
                                    <div id="moneyOutAll" class="h1 text-fff">0</div>
                                    <span class="text-fff">今日放款金额</span> 
                                    <img src="img/tab03.png">
                                </div>
                            </div>
                            <div  class="col-xs-3 tab_title">
                                <div class="panel padder-v item" style="background:#00ddaa;">
                                    <div id="moneyBackAll" class="h1 text-fff">0</div>
                                    <span class="text-fff">今日还款金额</span>
                                    <img src="img/tab04.png">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group item_create_time " style="padding-top: 10px;width:300px; height:60px">
									<label class="left control-label">
                        <span>查询时间段：</span>
        </label>
									<div class="right">
										<div class="input-group">
											<div class="input-group-addon"><i class="fa fa-calendar"></i></div>
											<input type="text" id="time" name="time" class="form-control input dateranger" value="" placeholder="查询时间段">
											<span class="input-group-btn"><a class="btn btn-default search-btn"  href="#userName" onclick="searchList();"><i class="fa fa-search"></i></a></span>
										</div>
										<link rel="stylesheet" href="http://lyshop.demo.lingyun.net/Public/libs/bootstrap-daterangepicker/daterangepicker.css">
										<script src="http://lyshop.demo.lingyun.net/Public/libs/moment/moment.min.js"></script>
										<script src="http://lyshop.demo.lingyun.net/Public/libs/bootstrap-daterangepicker/daterangepicker.js"></script>
										<script type="text/javascript">
											$(function() {
												// 初始化日期范围插件
												$('#time').daterangepicker({
													"showDropdowns": true,
													"autoApply": false,
													// "dateLimit": {
													//     "days": 365 * 100
													// },
													"linkedCalendars": false,
													"opens": 'right',
													"ranges": {
														"一周内": [
															moment().subtract(6, 'days'),
															moment()
														],
														"一月内": [
															moment().subtract(29, 'days'),
															moment()
														],
														"本月内": [
															moment().startOf('month'),
															moment().endOf('month')
														],
														"上个月": [
															moment().subtract(1, 'month').startOf('month'),
															moment().subtract(1, 'month').endOf('month')
														]
													},
													autoUpdateInput: false,
													locale: {
														format: 'YYYY-MM-DD',
														separator: ' - ',
														applyLabel: '确定',
														cancelLabel: '取消',
														fromLabel: '从',
														toLabel: '到',
														customRangeLabel: '日期范围',
														daysOfWeek: ['日', '一', '二', '三', '四', '五', '六'],
														monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
														firstDay: 1
													},
													"minDate": "YYYY-MM-DD",
													"maxDate": "YYYY-MM-DD"
												}, function(start, end, label) {
													console.log("New date range selected: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + " (predefined range: " + label + ")");
												});

												$('#time').on('apply.daterangepicker', function(ev, picker) {
													$(this).val(picker.startDate.format('YYYY-MM-DD') + '~' + picker.endDate.format('YYYY-MM-DD'));
												});

												$('#time').on('cancel.daterangepicker', function(ev, picker) {
													$(this).val('');
												});
											})
										</script>
										
									</div>

									<!--<div class="input-group search-form" ">
										<span class="input-group-btn" style="padding-top: 7px;"><a class="btn btn-default search-btn" href="#applyTime" onclick="searchList();"><i class="fa fa-search"></i></a></span>
									</div>-->
								</div>
                <div class="row">
                	<div class="col-sm-12 tab_table">
                        <table class="table text-center table-bordered" data-page-size="8">
                            <tbody>
                                <tr>
                                    <td class="tab_hui">总打款金额</td>
                                    <td id="allMoney" class="tab_hui">0</td>
                                    <td class="tab_hui">总还款金额（本金）</td>
                                    <td id="allBenJin" class="tab_hui">0</td>
                                    <td class="tab_hui">利息</td>
                                    <td id="allLiXi" class="tab_hui">0</td>
                                    <td class="tab_hui">续期手续费</td>
                                    <td id="allXuQi" class="tab_hui">0</td>
                                </tr>
                                
                            </tbody>
                        </table>
                        
                        
                        
                    </div>
                </div>
                <div class="row">
                	<div class="col-sm-12 tab_table">
                        <table class="table text-center table-bordered" data-page-size="8">
                            <tbody>
                                <tr>
                                    <td class="tab_hui">总客户数</td>
                                    <td id="allCount" class="tab_hui">0</td>
                                    <td class="tab_hui">放款订单数</td>
                                    <td id="outOrderCount" class="tab_hui">0</td>
                                    <td class="tab_hui">通过率</td>
                                    <td class="tab_hui">100%</td>
                                </tr>
                                <tr>
                                    <td class="tab_zi">坏账数</td>
                                    <td id="badOrderCount">0</td>
                                    <td class="tab_zi">坏账率</td>
                                    <td >0%</td>
                                    <td class="tab_zi">黑名单</td>
                                    <td id="blackCount" >0</td>
                                </tr>
                                <tr>
                                    <td class="tab_zi">已结清订单</td>
                                    <td id="overOrderCount" >0</td>
                                    <td class="tab_zi">放款总额</td>
                                    <td id="outMoney" >0</td>
                                    <td class="tab_zi">总注册数</td>
                                    <td id="memberCount" >0</td>
                                </tr>
                                <tr>
                                    <td class="tab_zi">利息收益</td>
                                    <td id="watetMoney" >0</td>
                                    <td class="tab_zi">续期手续费收益</td>
                                    <td id="" >0</td>
                                   
                                </tr>
                            </tbody>
                        </table>
                        
                        年份：
                        <div style="padding-left: 120px;">
							<select id="year" name="cid1" style="height:31px;border-radius: 3px;border: solid 1px #ddd;" onchange="init1()">
							</select>
						</div>
	                        <!-- 为 ECharts 准备一个具备大小（宽高）的Dom -->
						<div id="main" style="width: 100%;height:800px;">
							
						</div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>
